<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>ACOTA</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta http-equiv="Content-Type" content="text/html;" />
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
		<script type="text/javascript" src="js/main3.js"></script>
		<link rel="stylesheet" type="text/css" href="css/styles.css" />
		<link rel="stylesheet" type="text/css" href="css/960.css" />
		<link rel="stylesheet" type="text/css" href="css/general.css" />
	</head>
	<body>
	<div id="header">
	<div class="container_12" >
	 <div class="grid_7">
	 	<a href="http://www.weso.es" target="_blank"> <img src="img/logo_small2.png" alt="WESO Research Group" /> </a>
	 	<p id="titleDemo"><span class="green">A</span>utmatic <span class="orange">Co</span>llabborative <span class="blue">Ta</span>gging</p>
	 </div>
	 <div class="grid_5">
	 	<ul id="top_nav">
	 		<li><a href="#" onclick="about();">About</a></li>
	 		<li><a href="http://code.google.com/p/acota/wiki/GettingStarted" target="_blank">More Info</a></li>
	 		<li><a href="#" onclick="demo()">Demo</a></li>
	 	</ul>
	 </div>
	</div>
	</div>
	<div id="acota_boddy">
	<div class="container_12">
	<div id="aboutUs">
	<p>The growing use of Internet and social networks in the last years has produced a huge amount of unstructured and unclassified information resources. This situation implies a new environment in which new tools are needed to assure that searching, classification and recommending systems can efficiently perform their operations to offer new enriched services like knowledge capitalization or tag suggestion.</p>
	<p>Taking into account that ACOTA is a java library aimed to perform tags suggestions for resources expressed in plain text. These library could be used in different kind of systems to help the classifications process</p>
	<p><a href="#" onclick="demo()">You can use a demo follow making click in "Demo" o here</a></p>
	</div>

	
	<div id="boddyDemo">
	<div  id="demoLeft" class="grid_3">
		<ul id="demoNav">
			<li><a href="#" onclick="demoRegister();">Register documents</a></li>
			<li><a href="#" onclick="demoSearchs();">Explore persistence</a></li>
		</ul>
		<div id="demoHelp" class="demoColor">
		<p><b>Help</b></p>
		<p id="hlp_info">
		In this section you can insert a document with its title, description and url.</br>
		And then, the system will show the list of possible tags related with this document.
		</p>
		</div>
		<div class="demoColor" id="resultTransaction"></div>
	</div>
	<div class="grid_9" id="demoRigth">
		<form id="frm_insert">
			<fieldset id="fld_docByTag">
				<legend>Insert document</legend>
				<input type="hidden" id="txt_feedUser" value="666" />
				<input type="hidden" id="txt_feedTags"/>
				<label for="txt_title" id="lbl_title">Title:</label> 
				<input type="text" id="txt_title" onblur="getSuggetions();" onclick="hlpTitle();" onfocus="hlpTitle();" />
				
				<label for="txt_description" id="lbl_description">Description:</label> 
				<textarea id="txt_description" onblur="getSuggetions();" onclick="hlpDescription();" onfocus="hlpDescription();"></textarea>
				
				<label for="txt_uri" id="lbl_uri">URL:</label> 
				<input type="text" id="txt_uri" onblur="getSuggetions();" onclick="hlpUri();" onfocus="hlpUri();" />
				
				<fieldset id="fld_selectedTags">
					<legend>Selected Tags</legend>
					<section id="txt_tags"/></section>
					<label for="txt_ownTag" id="lbl_ownTag">Add other tag:</label>
					<input type="text" id="txt_ownTag" />
					<input type="button" class="button" value="add" onclick="newTag()" />
				</fieldset>
				
				<fieldset id="fld_suggetedTags">
				<legend>Suggested tags</legend>
				<section id="sec_suggetions"></section>
				</fieldset>
				
				<section id="sec_saveSuggetions"></section>
				
				<input type="button" class="button" value="save" id="btn_saveDocument" onclick="saveDocument();"/>
			</fieldset>
			</form>	
		<form id="frm_searchs">
			<fieldset id="fld_docByTag">
				<legend>List  of documents by tags</legend>
				<label for="txt_label" id="lbl_etiqueta">Tag:</label> 
				<input type="search" id="txt_label" onclick="hlpDocByTag();" onfocus="hlpDocByTag();" /><p class="example">Example: "proyecto"</p>
				<input type="button" class="button" value="ok" id="btn_buscarDocs" onclick="getDocByTag();"/>
			</fieldset>
			
			<fieldset id="fld_tagByUser">
				<legend>List of tags by user</legend>
				<label for="txt_user" id="lbl_user">User:</label> 
				<input type="search" id="txt_user" onclick="hlpTagByUser();" onfocus="hlpTagByUser();" /><p class="example">Example: "2257"</p>
				<input type="button" class="button" value="ok" id="btn_tagByUser" onclick="getTagByUser();"/>
			</fieldset>
			
			<fieldset id="fld_tagByDocument">
				<legend>List of tags by documents</legend>
				<label for="txt_docuri" id="lbl_docuri">Documento:</label> 
				<input type="search" id="txt_docuri" onclick="hlpTagByDoc();" onfocus="hlpTagByDoc();" /><p class="example">Example: "http://weso.es/weso/acota/imaginn/resource/test/1337677458247/"</p>
				<input type="button" class="button" value="ok" id="btn_tagByDocument" onclick="getTagByDocument();"/>
			</fieldset>
			</form>
	
	</div>
	<div class="grid_9" id="demoWait"><img src="img/ajax-loader.gif" alt="procesando" /></div>
	<div class="grid_9" id="sec_resultQueries"></div>
	</div>
	</div>
	</div>
	<div id="acota_footer">
		<div class="container_12">
			<p>
			<a href="http://www.weso.es">&copy; WESO Research Group</a> |
			<a title="Web Page of the University of Oviedo" href="http://www.uniovi.es">University of Oviedo</a>
			, 2004-2012
			</p>
		
			<p>
			Find Us:
			<a title="WESO's Twitter Profile" href="https://twitter.com/#!/wesoviedo">Twitter</a>
			,
			<a title="WESO's Mendeley Profile" href="http://www.mendeley.com/groups/748461/weso-oviedo/">Mendeley</a>
			</p>
		</div>
	</div>
	</body>
		
</html>